$(function() {
    var layer = layui.layer;
    var form = layui.form;
    var laypage = layui.laypage;

    // 定义ajax 请求参数（data）
    var q = {
        pagenum: 1, //页码
        pagesize: 8, //每页显示的条数
    };

    // 获取文章列表
    function initTable() {
        $.ajax({
            url: "/api/articles",
            method: "GET",
            data: q,
            success: function(res) {
                console.log(res);
                var length = res.data.length;
                var total = res.total;
                var id = data.id;

                if (res.status !== 0) {
                    return layer.msg("获取列表失败");
                }
                //  获取成功后
                //  使用模板引擎渲染页面的数据
                var htmlStr = template("tpl-list", res);
                $(".kr_news_list").html(htmlStr);

                // 点击加载更多
                $(".kr_more").on("click", function() {
                    q.pagesize++;
                    initTable();

                    // 当页面加载出来的数据 >= 总数据时 弹出提示信息
                    if (length >= total) {
                        layer.msg("没有更多数据了...");
                    }
                });
            },
        });
    }
    initTable();
});